<ui:fragment xmlns="http://w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">


	<h:form id="frmCadastroProduto" prependId="false">


		<p:messages id="msgCadastro" closable="true" globalOnly="true" />


		<p:focus for="cmbCategoria" />

		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Categoria" for="cmbCategoria" />
			</div>
			<div class="span4">
				<p:selectOneMenu id="cmbCategoria" filter="true" required="true"
					value="#{produtoMB.produto.categoria}">
					<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
					<f:selectItems value="#{categoriaMB.categoriasAtivas}" var="c"
						itemLabel="#{c.nome}" itemValue="#{c}" />
					<f:converter binding="#{categoriaConverter}" />
				</p:selectOneMenu>
			</div>
			<div class="span5">
				<p:message for="cmbCategoria" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Produto" for="txtnome" />
			</div>
			<div class="span4">
				<p:inputText id="txtnome" label="produto" required="true"
					value="#{produtoMB.produto.nome}" />
			</div>
			<div class="span5">
				<p:message for="txtnome" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Modelo" for="txtmodelo" />
			</div>
			<div class="span4">
				<p:inputText id="txtmodelo" value="#{produtoMB.produto.modelo}" required="true" />
			</div>
			<div class="span5">
				<p:message for="txtmodelo" />
			</div>
		</div>

		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Especificações" for="txtespecificacoes" />
			</div>
			<div class="span4">
				<p:inputTextarea id="txtespecificacoes" autoResize="false"
					required="true"
					style="width: 100%;min-height:100px;"
					value="#{produtoMB.produto.especificacoes}" />
			</div>
			<div class="span5">
				<p:message for="txtespecificacoes" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Peso (KG)" for="txtpeso" />
			</div>
			<div class="span4">
				<p:inputText id="txtpeso" value="#{produtoMB.produto.peso}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Dimensões (AxLxP)" for="txtdimensoes" />
			</div>
			<div class="span4">
				<p:inputText id="txtdimensoes"
					value="#{produtoMB.produto.dimensoes}" />
			</div>
		</div>


		
		
		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Altura da Embalagem" for="txtAlturaEmb" />
			</div>
			<div class="span4">
				<p:inputText id="txtAlturaEmb" required="true" 
					validatorMessage="Altura mínima: 1cm"
					converterMessage="Devem ser informado apenas números nesse campo."
					value="#{produtoMB.produto.alturaEmbalagem}"> 
					<f:validateLongRange minimum="1" />	
				</p:inputText>(cm)
			</div>
			<div class="span5">
				<p:message for="txtAlturaEmb" />
			</div>
		</div>
		
		
		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Comprimento da Embalagem" for="txtCompEmb" />
			</div>
			<div class="span4">
				<p:inputText id="txtCompEmb" required="true" 
					validatorMessage="Comprimento mínimo: 1cm"
					converterMessage="Devem ser informado apenas números nesse campo."
					value="#{produtoMB.produto.comprimentoEmbalagem}"> 
					<f:validateLongRange minimum="1" />	
				</p:inputText>(cm)
			</div>
			<div class="span5">
				<p:message for="txtCompEmb" />
			</div>
		</div>
		
		
		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Largura da Embalagem" for="txtLargEmb" />
			</div>
			<div class="span4">
				<p:inputText id="txtLargEmb" required="true" 
					validatorMessage="Largura mínima: 1cm"
					converterMessage="Devem ser informado apenas números nesse campo."
					value="#{produtoMB.produto.larguraEmbalagem}"> 
					<f:validateLongRange minimum="1" />	
				</p:inputText>(cm)
			</div>
			<div class="span5">
				<p:message for="txtLargEmb" />
			</div>
		</div>
		
		
		
		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Quantidade" for="txtquantidade" />
			</div>
			<div class="span4">
				<p:inputText id="txtquantidade" required="true"
					value="#{produtoMB.produto.quantidade}">
					<f:validateLongRange minimum="1" />	
				</p:inputText>
			</div>
			<div class="span5">
				<p:message for="txtquantidade" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Preço de Custo" for="txtpreco_custo" />
			</div>
			<div class="span4">
			
				<p:inputText id="txtpreco_custo" required="true" styleClass="campo-dinheiro"
					value="#{produtoMB.produto.preco_custo}" >
					</p:inputText>
			</div>
			<div class="span5">
				<p:message for="txtpreco_custo" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Preço de Venda" for="txtpreco_venda" />
			</div>
			<div class="span4">
				<p:inputText id="txtpreco_venda" required="true" styleClass="campo-dinheiro"
					value="#{produtoMB.produto.preco_venda}" >
				</p:inputText>
			</div>
			<div class="span5">
				<p:message for="txtpreco_venda" />
			</div>
		</div>

		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Desconto à Vista" for="txtdesconto" />
			</div>
			<div class="span4">
				<p:inputText id="txtdesconto" 
					value="#{produtoMB.produto.percentual_desconto}">
					<f:validateLongRange />
					<p:ajax update="txtdesconto"></p:ajax>
				</p:inputText>
				%
			</div>
		</div>

		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Máximo de Parcelas" for="txtparcelas" />
			</div>
			<div class="span4">
				<p:inputText id="txtparcelas" required="true"
					value="#{produtoMB.produto.numero_parcelas}" >
					<f:validateLongRange minimum="1" />	
				</p:inputText>
			</div>
			<div class="span5">
				<p:message for="txtparcelas" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Fabricante" for="txtfabricante" />
			</div>
			<div class="span4">
				<p:inputText id="txtfabricante" required="true"
					value="#{produtoMB.produto.fabricante}" />
			</div>
			<div class="span5">
				<p:message for="txtfabricante" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Link" for="txtlink" />
			</div>
			<div class="span4">
				<p:inputText id="txtlink" value="#{produtoMB.produto.link}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Garantia" for="txtgarantia" />
			</div>
			<div class="span4">
				<p:inputText id="txtgarantia" value="#{produtoMB.produto.garantia}" />
			</div>
		</div>

		<div class="row-fluid">
			<div class="span3">
				<p:outputLabel styleClass="text-right"  value="Ordem de exibição" for="txtdestaque" />
			</div>
			<div class="span4">
				<p:inputText id="txtordem" value="#{produtoMB.produto.ordem}"
					converterMessage="Quantidade: É permitido apenas números."
					validatorMessage="Quantidade: Deve ser informado um número maior ou igual a 0 (Zero) e menor que 20 (Vinte)">

					<f:validateLongRange minimum="0" maximum="20" />
				</p:inputText>
			</div>
		</div>
		

		<div class="row-fluid">
			<div class="span3">
				<p:selectBooleanCheckbox id="txtdestaque" styleClass="float-right"
					value="#{produtoMB.produto.destaque}" />
			</div>
			<div class="span4">
				<p:outputLabel value="Aparecer em destaque" for="txtdestaque" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:selectBooleanCheckbox id="txtbanner" styleClass="float-right"
					value="#{produtoMB.produto.banner}" />
			</div>
			<div class="span4">
				<p:outputLabel value="Aparecer no banner" for="txtbanner" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span3">
				<p:selectBooleanCheckbox id="txtAtivo" styleClass="float-right"
					value="#{produtoMB.produto.ativo}" />
			</div>
			<div class="span4">
				<h:outputLabel value="Ativo" for="txtAtivo" />
			</div>
		</div>
		<div class="row-fluid">
			<div class="span3">
				<p:commandLink id="btnSalvar" value="Salvar" styleClass="float-right btn"
					actionListener="#{produtoMB.save}" update="@all" />
			</div>
			<div class="span1">
				<p:commandLink id="btnCancelar" value="Cancelar" process="@this" styleClass="btn"
					actionListener="#{produtoMB.novo}" update="@form :tab:frmGaleria" />
			</div>
		</div>
	</h:form>


</ui:fragment>